<template>
  <div >
    <!-- 基本信息 -->
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">预算信息</span> 
    </div>
    <el-table :data="fromdata.pickBudgetProjectList.budgetProjectList" border style="width: 100%">
      <el-table-column prop="companyName" label="公司名称" />
      <el-table-column prop="year" label="年度" />
      <el-table-column prop="budgetCode" label="预算项目编码" />
      <el-table-column prop="budgetName" label="预算名称" />
      <el-table-column prop="budgetTotalMoney" label="预算项目总额(元)" />
    </el-table>
    <div style="display:flex;justify-content: center">
      <img :src="require('@/assets/images/guanlian.png')" style="width: 30px;height: 30px;text-align:center; margin:auto;"/>
    </div>
    <el-table :data="fromdata.pickBudgetProjectList.budgetProjectList[0].budgetList" border style="width: 100%">
      <el-table-column prop="budgetDeptDode" label="预算责任部门" />
      <el-table-column prop="budgetAccount" label="预算科目" />
      <el-table-column prop="activityCode" label="业务活动" />
      <el-table-column prop="activityName" label="业务活动名称" />
      <el-table-column prop="budgetYear" label="预算使用年份" />
      <el-table-column prop="activityTax" label="业务活动税率(%)" />
      <el-table-column prop="declareNoAmount" label="申报不含税金额(元)" />
      <el-table-column prop="declareAmount" label="申报含税金额(元)" />
    </el-table>
    <van-field readonly required autosize type="textarea" rows="1" name="purchaseContent" :value="fromdata.purchaseContent" label="甄选需求说明：" label-width="7em" />
    <van-field readonly required name="purchaseContentFile" label="采购内容附件：" label-width="7em" />
    <div v-for="(fileitem) in fromdata.purchaseContentFile" :key="fileitem.id" style="margin-left:20px">
      <div readonly class="font14 fileLink" style="color:#0F85CF">
        <a target="_blank" @click="openFileUrlfun(fileitem.anonymousFilePath)">{{ fileitem.fileName }}</a>
      </div>
    </div>
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">采购目录</span> 
    </div>
    <el-table :data="fromdata.pickPurchaseCatalogueList" border style="width: 100%">
      <el-table-column prop="purchaseCategory" label="采集类别" />
      <el-table-column prop="largeCategory" label="大类" />
      <el-table-column prop="middleCategory" label="中类" />
      <el-table-column prop="smallCategory" label="小类" />
      <el-table-column prop="pickChoiceProduct" label="采购产品" />
      <el-table-column prop="purchaseSpecifications" label="规格型号" />
      <el-table-column prop="purchaseQuantity" label="采购数量" />
      <el-table-column prop="purchaseMeasureUnit" label="计量单位" /> 
    </el-table>
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">应用场景</span> 
    </div>
    <el-table :data="fromdata.pickApplicationSceneList" border style="width: 100%">
      <el-table-column prop="pickIndustry" label="甄选行业" />
      <el-table-column prop="pickScene" label="甄选场景" />
    </el-table>
    <van-field readonly required name="mergePick" :value="fromdata.mergePick?'是':'否'" label="是否多项目合并甄选：" label-width="10em" />
    <div class="mt10" style=" display: flex;border-bottom: 1px solid #ebedf0;">
      <div class="blue_item" />
      <span class="font15" style="display: flex; line-height: 33px;margin-left:5px;  flex:1;">关联商机信息</span> 
    </div>
    <el-table :data="fromdata.relationPickLinkProjectList" border style="width: 100%">
      <el-table-column prop="projectName" label="商机名称"/>
      <el-table-column prop="businessId" label="商机编码"/>
      <el-table-column prop="pickCategory" label="甄选类别"/>
      <el-table-column prop="onePickMethod" label="一级甄选方式"/>
      <el-table-column prop="city" label="地市" />
      <el-table-column prop="county" label="县区" />
    </el-table>
    <div style="padding-bottom: 42px"></div>
  </div>
</template>
<script>
import { mapGetters } from "vuex"
import { openFileUrl } from '@/store/openFile'
export default {
  data() {
    return {
      
    }
  },
  computed: {
    ...mapGetters(['user']),
  },
  props: ['businessdata','fromdata','showHistory','historydata','approveList','canEditbusinessName',],
  created() {
    
  },
  watch: {
    
  }, 
  methods: {
   openFileUrlfun(value) {
      this.$router.push(
        {
          name: 'fileview',
          query: {
            openFileUrl: openFileUrl(value)
          }
        }
      );
    },
  },
  computed: {

  },
}
</script>
 
<style>
.tables.el-table .cell {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 15px;
    padding-left: 5px;
    padding-right: 5px;
}
</style>